<!DOCTYPE html>
<style>
table { border-collapse: collapse; }
td {
    background-color: #ddd;
    border: 1px solid black;
}
</style>
<p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p>
<div style="line-height: 20px;">
    <div style="float:left; width:10em;">
        <table>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
        </table>
    </div>
    <div style="float:left; width:10em;">
        <table>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
        </table>
    </div>
    <div style="float:left; width:10em;">
        <table>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
        </table>
    </div>
    <div style="float:left; width:10em;">
        <table>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
            <tr><td>Te</td><td>xt</td></tr>
        </table>
    </div>
</div>

